import React from "react";
import {withRouter, NavLink} from 'react-router-dom';
import {HomeOutlined, ShoppingCartOutlined, UserOutlined} from '@ant-design/icons';
import './index.less';

function Tabs() {
    return (
        <footer>
            <NavLink exact to="/"><HomeOutlined/><span>首页</span></NavLink>
            <NavLink to="/mine"><ShoppingCartOutlined/><span>购物车</span></NavLink>
            <NavLink to="/profile"><UserOutlined/><span>个人中心</span></NavLink>
        </footer>
    );
}

export default withRouter(Tabs);